﻿* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html,
body {
    height: 100%;
    width: 100%;
    font-family: Inter;
    color: #000;
    scroll-behavior: smooth;
}
.hed-m {
    margin: 0 auto;
    max-width: 1600px;
}

.r {
    border: 1px solid red;
}

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
    .xm {
        @apply px-5 mx-auto h-full  md:w-[720px] lg:w-[960px] xl:w-[1200px] 2xl:w-[1400px];
    }
    .m {
        @apply px-5 mx-auto md:w-[720px] lg:w-[860px] xl:w-[960px] 2xl:w-[1160px] border border-transparent;
    }
    .font60 {
        @apply font-bold text-[24px] md:text-[30px] lg:text-[40px]  xl:text-[50px] 2xl:text-[60px];
    }

    .font40 {
        @apply font-bold  text-[24px] md:text-[28px] lg:text-[30px]  xl:text-[36px] 2xl:text-[40px] text-[#1A1A1A];
    }

    .font30 {
        @apply text-base md:text-[18px] lg:text-[24px]  xl:text-[26px] 2xl:text-[30px] text-[#1A1A1A];
    }

    .font24 {
        @apply font-bold  text-base md:text-lg lg:text-2xl text-[#1A1A1A];
    }

    .font18 {
        @apply text-sm sm:text-base md:text-lg;
    }
    .font16 {
        @apply text-sm sm:text-base text-[#1A1A1A];
    }

    .fontSmall {
        @apply text-sm md:text-base lg:text-lg  xl:text-xl 2xl:text-2xl;
    }
    .white-btn {
        @apply inline-block text-sm bg-white text-red-600  hover:bg-slate-200 rounded  px-6 pb-[6px] pt-2  font-medium  leading-normal  transition duration-150 ease-in-out focus:outline-none focus:ring-0  motion-reduce:transition-none;
    }

    .big-white-btn {
        @apply inline-block text-base bg-gradient-to-r from-pink-500 via-red-500 to-yellow-500 hover:opacity-90   text-white  rounded  px-8 py-3  font-medium  leading-normal  transition duration-300 ease-in-out focus:outline-none focus:ring-0  motion-reduce:transition-none;
    }
    .red-btn {
        @apply inline-block bg-red-600 text-white  hover:bg-red-500 rounded  px-6 pb-[6px] pt-2 text-sm font-medium  leading-normal  transition duration-150 ease-in-out focus:outline-none focus:ring-0  motion-reduce:transition-none;
    }
}
